ryann al-lahiq

Project Outline: Brought onto support the Web Team's Pet Insurance Quote & Buy Journeys for their newer clients such as Tesco, M&S and John Lewis as well as supporting existing client tech stacks in React JS & Formik. Worked closely across the Web Team, Design Team, Test Team and Marketing Team's consensus to augment new features/new UI as well as lead implementation of WCAG guideline compliance ahead of the European Accessibility Act (EAA) requirements across the PPU Brand Stack.

Skills Applied: Working in Modern Javascript with Typescript, React & Formik to update, add/remove payload items to form objects across bespoke brand journeys. Applied iterative improvements/sanitized and tested payload values inline with API acceptance criteria. Applied optimized mobile support with SCSS, as well as hosted screen Demo's to highlight wins in Accessibility Enhancements and Frontend rendering in Lighthouse. Enjoyed applying my experience in Frontend React to help investigate bugs, resolve knowledge gaps, be they urgent, unscoped or BAU tasks, as well as setting up new workflows and tooling for new joiners.

Project Outline: Supported the Dev Team and Product Team’s push for enhancing the Frontend features of their Accessibility Tool and aid in the implementation of WCAG Guidelines. Focusing on Google’s MUI Component Library Architecture and contributing to Sprint Planning sessions, feature shaping and deploying code to various test environments in support of the Testing Team.

Skills Applied: Working in React, Typescript and Storybook to implement MUI Overrides with Styled Component approach with SCSS in developing the Frontend UI look and feel. Skilled up on React-Query for API lead features and paired with Developers and Designers to curb Scope Creep for a feature request or when scoping out component architecture. Hosted Demo’s for new Frontend features and reviewed Pull Requests via feature branches.

Project Outline: Brought into the Dev Team to focus building out Front End UI for Protokol's DAO Exchange project. Hosted weekly progress review Demos to Stakeholders, Dev and Design Teams whilst feilding feedback to gauge consensus for improvements on Front End feature functionality.

Skills Applied: Built crucial Front End UI with React Hooks in the Gatsby Framework . Used Atomic approach to writing accessible and scalable browser compliant components. Composed and maintained component styling with BEM & SCSS. Paired closely with Backend and Design Team to deliver sign off on a "Definition of Done" for the daily/weekly milestones. Working remotely made highly effective with the Dev team's utilization of Slackbots for daily Pull Requests and progress reports published to the team's Slack Dev channel

Project Outline: Joined the Dev Team to field the development of custom Feature Pages as well build out Appcentric Mobile First campaigns. Liaised with Marketing, Trading, Copy and Design teams to develop, shape and push out content in accordance with delivery timelines. Applied development solutions in order to scale or simplify build complexity.

Skills Applied: Typical page builds consisted of HTML5 Vanilla Javascript and BEM SCSS. Utilized Atomic CSS class structure for tweaking differentiated page builds. Built on and expanded upon unique namespace SCSS component classes to avoid any conflicts with the salesforce content platform. Contributed these standards and practices to the Dev Team’s Git repo for future builds and quicker turn arounds.

Project Outline: Assisted the Dev Team in building out new Front-End components from piped endpoints using Redux and React.js. Worked with FullStack Developers to maintain and write tests for Front-End UI.

Skills Applied: Using React Hook approach to rendering out UI form elements and their interactive requirements in Typescript/TSX. Implemented styled components using SCSS & Emotion for responsive support across all view ports. Used React Testing Library for creating relevant tests for UI components. Various Front-End code commits spanned across multiple repositories. Final Code Reviews completed with Github.

Project Outline: Brought in to an internal software development project based in Angular.js. Focused on creating a HR portal. Tasked with refining and developing the Front-End UI to be accessible, compliant and robust enough for the feature set/scaling set of features intended to be rolled out.

Skills Applied: With the initial early stages of Project built marked up in SCSS & Tailwind UI, I implemented a single class BEM method to unify and simplify the Front-End layout across components. Introduced animation for form validation warnings and tested accessibility features across devices using Browser Stack. Worked across the multidisciplinary team of Back End developers, Testers and Marketers to qualify new UI look and feel when tackling branding of new or existing UI components.

Project Outline: Working Remote here in London & Liaising with tight knit agile Dev Team, I help deliver an MVP project for their client Vodafone Based in Cologne, Germany. After the MVP handover, I joined a newly formed Front-End team within Vodafone to work on other internal infrastructure projects and for ongoing maintenance. Our Dev Team also took part in a Hackathon building out a dashboard solution for support maintenance servicing.

Skills Applied: Developed solid Front-End UI in React.JS, using State Management Hooks (useState/useRef/useEffect). Worked in Typescript for newer builds and Vanilla JS in React for ongoing legacy builds. Used BEM & SCSS for consistent responsive brand theming. When it came to “Form Validation” i used React Hooks initially, but later sourced React Hook Form for a more robust scalable solution. Also Implemented Front-End UI for: an Image Crop Tool, Darkmode, and embellished the Front End UI with some fun-funky GSAP animations for immersive UI/UX.

Project Outline: Worked with the Creative & Marketing Teams based here in London and Austin Texas, to develop, test and deliver Mobile First and Responsive content for their Agile Marketing Campaigns in the run-up to the global launch of the Vrbo brand.

Skills Applied: Gained experience PUG Templating Engine pulling json data from Google Docs (API). Built and maintained responsive atomic components in PUG & BEM CSS methodologies as well as Functional CSS techniques for speed and flexibility. Utilized Gulp.js task runner & Git feature branches. Also trained up other team members onsite and in Austin, to build and maintain projects with this workflow.

Project Outline: Working Remotely and liaising with another Developer via Skype I was tasked with developing a responsive (tablet compatible) menu component for Parker FitzGerald's Website.

Skills Applied: Notepad ++ to hand the Responsive Menu component. CSS2/3 techniques of "Max­width" percentages to make sure menu proportions were constrained when scaling to minimum tablet resolution and viewports. IE/Chrome/FireFox/Devtool's for testing/debugging and Tablet spec was tested with the ever useful IpadPeek web app. A "PHP Includes" technique was used to call the separate HTML file where the menu could sit independently from the WordPress site for easy maintenance and reusability to other projects/bits of UI if needed.

Project Outline:

Skills Applied: Hand coding HTML/CSS3 Using Notepad ++. Integrating and modifying the Jquery Galleriffic content slider for additional interactivity such as location diagram identifiers and floor map navigation elements. Inline CSS for testing. Fully referencing a font into the theme for maximum browser compliance (IE9/chrome/Firefox/Safari). Additional iPad Testing was done via Ipadpeek which emulates accurate CSS rendering and screen size.

Project Outline:

Skills Applied: Hand coding Limited testing capabilities required me to research Email Marketing tools such as Campaign Monitor, whom provide base line templates for which to build out campaigns from. Using this as a comparability start point, I used Inline Styled CSS and Table HTML tags to build out the required design with relative ease.

Project Outline: Build a custom themed Portfolio based in Wordpress

Skills Applied: Remote Client Management, HTML/CSS for browser compatibility and knowledge of the WordPress back end PHP file/page structure for theme and plugin development for the front-end UI.

Project Outline: Joined the Dev Team to refactor, improve mobile support, and fix UI/UX in component features based interpreted from the UAL Design System/Atomic Design System. Worked with Digital Design Lead and Back End Developers for sign off and platform integration

Skills Applied: XHTML/CSS, SEO Friendly techniques, configuring Server­-side/Client-side scripting.